import { IForm } from '@/base-ui/form/types/type'
// 定义一个form配置，用于展示第一行表单
export const formConfig: IForm = {
  // 定义一个基本的表单配置集合
  formItems: [
    {
      field: 'id',
      type: 'text',
      label: 'ID',
      placeholder: '请输入ID'
    },
    {
      field: 'name',
      type: 'text',
      label: '账号',
      placeholder: '请输入账号'
    },
    {
      field: 'password',
      type: 'password',
      label: '密码',
      placeholder: '请输入密码'
    },
    {
      field: 'sport',
      type: 'select',
      label: '喜欢的运动',
      options: [
        {
          label: '篮球',
          value: '篮球'
        },
        {
          label: '足球',
          value: '足球'
        },
        {
          label: '排球',
          value: '排球'
        }
      ]
    },
    {
      field: 'createTime',
      type: 'datepicker',
      label: '选择时间段'
    }
  ],
  // 定义一个label-width，用于定义表单的宽度
  labelWidth: 'auto',
  // 定义一个itemStyle，用于定义每个表单的样式
  itemStyle: {
    padding: '10px 20px'
  },
  // 定义一个colLayout，用于定义表单的响应式布局
  colLayout: {
    xl: 6,
    lg: 8,
    md: 12,
    sm: 12,
    xs: 24
  }
}
